'use client'

export default function Footer() {
  return (
    <div
      className="w-full py-4 px-[min(8vw,64px)] bg-[#0B0C0E]
    border-t border-solid border-t-[#1f2533]">
      <div className="w-full flex flex-col md:flex-row justify-between items-center py-6 px-6 md:px-10 gap-4">
        {/* 左侧版权信息 */}
        <p className="text-[16px] text-center md:text-left text-[#9aa3b2]">
          © {new Date().getFullYear()} inGauge. All rights reserved.
        </p>

        {/* 右侧链接 */}
        <div className="flex items-center space-x-4 text-[#9aa3b2] text-[16px]">
          <div className="hover:text-[#38bdf8] transition-colors cursor-pointer">Terms</div>
          <span>•</span>
          <div className="hover:text-[#38bdf8] transition-colors cursor-pointer">Privacy</div>
          <span>•</span>
          <div className="hover:text-[#38bdf8] transition-colors cursor-pointer">Contact</div>
        </div>
      </div>
    </div>
  )
}
